*{margin:0; padding:0;}
div{margin:0; padding:0;}
body{width:100%; height:auto; background-color:#fff; background-image:url(../img/mainbg.png); background-repeat:repeat-x;  font-family:Arial, Helvetica, sans-serif; font-size:15px;}

#wrapper{ position:relative; width:100%;  margin:0 auto; height:auto; }



/* -- Header start -- */

#header{ width:998px;; height:124px; margin:0 auto;}
#logo { width:405px; height:124px; float:left;}
#topbox{ width:348px; height:34px; float:right; background-image:url(../img/headerbg.png); background-repeat:no-repeat; margin-top:3px; }

#headercontent{ width:348px; height:34px; margin-left:auto; margin-right:auto; line-height:30px; text-align:center; float:right;}
.headercontent { font-size:15px; color:#fff; text-decoration:none;  font-family: 'Roboto Condensed', sans-serif; }
a.headercontent:link{ font-size:15px; color:#fff; text-decoration:none; }
a.headercontent:hover{ font-size:15px; color:#000; text-decoration:none; }


#emaailbox{ width:370px; height:34px; margin-left:auto; margin-right:auto; line-height:30px; text-align:right; float:right;  margin-top:40px;}
.email { font-size:1.1em; color:#606060; text-decoration:none;  font-family: 'Roboto Condensed', sans-serif; }
a.email:link{ font-size:1.1em ; color:#606060; text-decoration:none; }
a.email:hover{ font-size:1.1em ; color:#ff5a00; text-decoration:none; }

/* -- header close -- */

/* -- Socailicon top Starts -- */

.social {
	width:17px;
	height:auto; 
	float:left;
	font-size:12px;
	color:#fff;
	margin-top:12px;
	margin-left:12px;
 
}
.social-text {
	width:17px;
	height:auto; 
	text-align:right;
 
}
 

.twitter {
	width: 17px;
	height: 14px;
	background: url(../img/twitter.png) no-repeat no-repeat;
	float: left;
	margin-top:2.5px;
	display: block;
}


.twitter:hover {
	background-position: 0 -14px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.social1 {
	width:17px;
	height:auto; 
	float:left;
	font-size:12px;
	color:#fff;
	margin-top:11px;
		margin-left:8px;
	
 
 
}
.social1-text {
	width:17px;
	height:auto;
	text-align:left;
 
}

.fb {
	width: 17px;
	height: 14px;
	background: url(../img/facebook.png) no-repeat no-repeat;
	float: left;
	margin-top:2.5px;
	display: block;
}


.fb:hover {
	background-position: 0 -14px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.social2 {
	width:12px;
	height:auto; 
	float:left;
	font-size:12px;
	color:#fff;
	margin-top:11px;
	margin-left:8px;
 
 
}
.social2-text {
	width:12px;
	height:auto;
 
	text-align:right;
 
}

.linkedin {
	width: 12px;
	height: 14px;
	background: url(../img/linkedin.png) no-repeat no-repeat;
	float: left;
	margin-top:2.5px;
	display: block;
}


.linkedin:hover {
	background-position: 0 -14px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.social3 {
	width:12px;
	height:auto; 
	float:left;
	font-size:12px;
	color:#fff;
	margin-top:11px;

 
 
}
.social3-text {
	width:12px;
	height:auto; 
	text-align:left;
 
}

.youtube {
	width: 12px;
	height: 14px;
	background: url(../img/play.png) no-repeat no-repeat;
	float: left;
	margin-top:2.5px;
	display: block;
}


.youtube:hover {
	background-position: 0 -14px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}

/* -- Socailicon top Ends -- */



/* -- Menu start -- */

#menustrip{ width:998px; height:42px; margin:0 auto;}
#menuicon{ width:70px; height:34px; float:left; text-align:center; vertical-align:middle; padding-top: 0.8%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; background-color:#ff5a00; }
#mainmenu{ width:800px; height:42px; float:left;}
#socailicons{ width:110px; height:42px; float:right;}

/* -- Menu close -- */


/* -- banner start -- */

#banner{ width:100%; height:371px; } 

/* -- banner close -- */


/* -- Solutions Start -- */

#solution{ width:100%; height:335px; margin:0 auto;}

#solutionbox{ width:199px; height:46px; margin-left:auto; margin-right:auto; background-image:url(../img/box.png); background-repeat:no-repeat; margin-top:12px; }

#solutionsheading { text-align:center; line-height:45px; }
.solutionsheading{ font-size:22px; color:#ff5a00; text-decoration:none;  font-family: 'Roboto Condensed', sans-serif;  }

#scroll{ width:78%; height:230px; margin-top:30px; margin-left:auto; margin-right:auto;}

/* -- Solutions Close -- */

/* -- content Start -- */

#contentbg { width:100%; background-image:url(../img/contenbg.png); height:203px; background-repeat:repeat;}

#maincontentbox{ width:998px; height:203px; margin:0 auto;}

#conheading { width:600px; height:50px; margin-left:auto; margin-right:auto; line-height:15px;  }
.headercontent1 { font-size:25px; color:#353535; text-decoration:none;  font-family: 'Roboto Condensed', sans-serif;  text-align:center; }
.headercontent2 { font-size:25px; color:#ff5a00; text-decoration:none;  font-family: 'Roboto Condensed', sans-serif;  text-align:center; }

#conline { width:500px; height:3px; margin-left:auto; margin-right:auto; margin-top:10px;  }

#homepagecontent{ 998px; height:40px; float:left;}

.heading1{ font-size:18px; color:#ff5a00; text-decoration:none;  font-family: 'Roboto Condensed', sans-serif; text-align:center;  }
/* -- content close -- */


/* -- icons Start -- */

#iconsbg { width:100%; background-image:url(../img/iconsbg.png); height:187px; background-repeat:repeat;}

#iconsmain{ width:998px; height:187px; margin:0 auto;  }

#icon1 { width:85px; height:97px; float:left; margin-left:60px; margin-top:20px;}
#icon2 { width:85px; height:97px; float:left; margin-left:180px; margin-top:20px;}
#icon3 { width:85px; height:97px; float:left; margin-left:180px; margin-top:20px;}
#icon4 { width:85px; height:97px; float:left; margin-left:180px; margin-top:20px;}

#icontext{width:220px; height:30px; float:left; margin-top:20px; margin-left:5px;  }
.iconheading1{ font-size:25px; font-weight:bold; color:#fff; text-decoration:none;  font-family: 'Oswald', sans-serif; }
#icontext2{width:200px; height:30px; float:left; margin-left:55px; margin-top:20px;}
#icontext3{width:210px; height:30px; float:left; margin-left:60px; margin-top:20px; }
#icontext4{width:150px; height:30px; float:left; margin-left:90px; margin-top:20px;}


/* -- icons Ends -- */


/* -- Latest Start -- */

#latestprojectsbg { width:100%; background-image:url(../img/projectsbg.png); height:250px; background-repeat:repeat; }

#latestprojects{ width:998px; height:43px; margin:0 auto; }

#projectsbox{ width:228px; height:46px; margin-left:auto; margin-right:auto; background-image:url(../img/projectsbox.png); background-repeat:no-repeat; text-align:center; line-height:45px;  }

#latestscroll{ width:998px; height:150px;margin-top:30px; margin-left:auto; margin-right:auto; }



/* -- Latest Ends -- */



/* -- Footer Start -- */

#footer { width:100%; background-image:url(../img/footerbg.png); height:50px; background-repeat:repeat-x;}
#footerinside { width:998px; height:50px; margin:0px auto;}
#copyright { width:700px; height:20px; float:left; margin-top:3px;}
#footersocail { width:150; height:30px; float:right; margin-top:9px;}



/* -- Footer Ends -- */